<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:framework="http://java.sun.com/jsf/composite/components">
	<h:head>
		<ui:include src="./WEB-INF/include/header.xhtml"></ui:include>
		<title><ui:insert name="title">myzone</ui:insert></title>
		<h:outputScript name="js/nanoscroller.js" library="ecuador-layout" />
		<h:outputScript name="js/layout.js" library="ecuador-layout" />
		<ui:insert name="head" />
	</h:head>
	<h:body>
		<div
			class="layout-wrapper #{guestPreferences.menuMode} #{guestPreferences.orientationRTL ? 'layout-rtl' : null}">

			<ui:include src="./WEB-INF/include/topbar.xhtml"></ui:include>
			<ui:include src="./WEB-INF/include/right_panel.xhtml"></ui:include>
			<ui:include src="./WEB-INF/include/menu.xhtml"></ui:include>

			<div class="layout-main">
				<div class="route-bar">
					<div class="route-bar-breadcrumb">
						<i class="fa fa-home"></i> <span>/ </span>
						<!--  TODO tabs -->
					</div>
				</div>

				<!--  TODO  iframe-->

				<div class="layout-footer">
					<!--  TODO  foot-->
				</div>
			</div>
		</div>
		<h:outputStylesheet name="css/nanoscroller.css"
			library="ecuador-layout" />
		<h:outputStylesheet name="css/layout-#{guestPreferences.layout}.css"
			library="ecuador-layout" />
	</h:body>
</ui:composition>